<#include "/layout/layout.ftl">
<#import "/layout/macro.ftl" as macro>
<#assign css>
<style>
</style>
</#assign>
<#assign js>
<script>
    $('#table').bootstrapTable({
        url: "${ctx!}/log/indexdata",
        dataType: "json",
        striped: true,
        columns: [
            // {
            //     checkbox: true,
            //     visible: true                  //是否显示复选框
            // },
            {
                title: 'ID',
                field: 'id',
                align: 'center'
            },
            {
                title: '账号',
                field: 'userName',
                align: 'center',
                valign: 'middle',
            },
            {
                title: '昵称',
                field: 'nickName',
                align: 'center'
            },
            {
                title: 'ip',
                field: 'ip',
                align: 'center'
            },
            {
                title: '方法',
                field: 'method',
                align: 'center',
            },
            {
                title: '创建时间',
                field: 'createTime',
                align: 'center',
                sortable: true
            }
        ] ,
        queryParamsType:'',//默认值为 'limit' ,在默认情况下 传给服务端的参数为：offset,limit,sort
        // 设置为 ''  在这种情况下传给服务器的参数为：pageSize,pageNumber
        queryParams: function queryParams(params){
            var param = {
                account:$("#account").val(),
                pageNumber: params.pageNumber,
                pageSize: params.pageSize,
                sortName: params.sortName,      //排序列名
                sortOrder: params.sortOrder //排位命令（desc，asc）

            };
            return param;
        },
        //其他主要参数
        pageNumber: 1, //初始化加载第一页，默认第一页
        pageList: [5,10,15,20], //每页的记录行数（*）
        // search: true,  //显示查询框
        sidePagination: 'server',  //服务端分页
        pagination: true, //是否显示分页（*）
        sortable: true,                     //是否启用排序
        classes:"table-no-bordered",
        sortOrder: "asc"                   //排序方式
    });

    $('#serach').click(function(){
        $("#table").bootstrapTable("refresh");
    });


</script>
</#assign>
<@layout title="日志管理" active="user">
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        日志列表
        <small>一切从这里开始</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-cog"></i> 系统</a></li>
        <li><a href="#"><i class="fa fa-list-ul"></i> 日志管理</a></li>
        <li class="active"><i class="fa fa-table"></i> 日志列表</li>
    </ol>
</section>

<!-- Main content -->
<section class="content">
    <!-- Default box -->
    <div class="box box-primary">
        <div class="box-header">
       <#-- <@shiro.hasPermission name="system:user:add">
            <a class="btn btn-sm btn-success" href="${ctx!}/user/add">新增</a>
        </@shiro.hasPermission>-->
           <div class="card-content">
             <#--  <form id="form" action="${ctx!}/log/index">-->

                       <div class="col s12">
                           <div class="input-field inline"> 帐号:</div>
                           <div class="input-field inline">
                               <input type="text" id="account"  name="account" autocomplete="off"
                                      value="${account}">
                           </div>

                           <div class="input-field inline">
                               <button class="btn btn-sm btn-success" id="serach">搜索</button>
                           </div>
                       </div>

            <#--   </form>-->
           </div>
        </div>
        <div class="box-body table-responsive">
            <table id="table" class="table table-striped">
                <#--<thead>-->
              <#--&lt;#&ndash;  <th><input type="checkbox" id="checkAll" name="checkAll" />全选</th>&ndash;&gt;-->
                    <#--<th>ID</th>-->
                    <#--<th>账户名</th>-->
                    <#--<th>昵称</th>-->
                    <#--<th>ip</th>-->
                    <#--<th>方法名</th>-->
                    <#--<th>结果</th>-->
                    <#--&lt;#&ndash;<th>参数</th>&ndash;&gt;-->
                    <#--<th>创建时间</th>-->

                <#--</thead>-->
                <#--<#list pageInfo.content as log>-->
                <#--<tr>-->
                  <#--&lt;#&ndash;  <td><input type="checkbox" name="checkItem"  value="${log.id}" /></td>&ndash;&gt;-->
                    <#--<td>${log.id}</td>-->
                    <#--<td>${log.userName}</td>-->
                    <#--<td>${log.nickName}</td>-->
                    <#--<td>${log.ip}</td>-->
                    <#--<td>${log.method}</td>-->
                    <#--<td>${log.result}</td>-->
                    <#--&lt;#&ndash;<td>${log.args}</td>&ndash;&gt;-->
                    <#--<td>${log.createTime}</td>-->
                <#--</tr>-->
                <#--</#list>-->
            <#--</table>-->
        </div>
        <#--<!-- /.box-body &ndash;&gt;-->
        <#--<div class="box-footer clearfix">-->
            <#--<@macro.page pageInfo=pageInfo url="${ctx!}/log/index?account=${account}" />-->
        <#--</div>-->
    </div>
    <!-- /.box -->

</section>
<!-- /.content -->
</@layout>